﻿<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>jquery动画</title>
	<script type="text/javascript" src="../jquery.2.14.min.js"></script>
	<script type="text/javascript" src="jquery.tips.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$(".tips").tips();
        });
	</script>	
	<style type="text/css">
        .center-over-hide{
            border:1px solid #398439;
			width:400px;
			margin:10px;
			padding:10px;
			font-size:14px;
			line-height:20px;
			cursor:pointer;
        }
	</style>
  </head>
  <body>

	<div class="center-over-hide tips">
	    1.这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字
        这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字
        这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字
        这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字
        这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字
        这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字
        这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字
    </div>
	
	
	<div class="center-over-hide tips">
	    2.这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字
        这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字
        这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字
        这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字
        这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字
        这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字
        这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字这里是很多文字
    </div>

  </body>
</html>